<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.List" %>
<%@ page import="com.srv.pojo.Reserva" %>
<%@ page import="com.srv.pojo.Veiculo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Selecione sua poltrona</title>
<link href="css/styleCadastro.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
	function selecionaPoltrona(poltrona){
		poltronaAnterior = document.frmSelecionarPoltrona.poltronaSelecionada.value;
		if (poltronaAnterior != ''){
			var imgPoltronaAnterior = document.getElementById('img_' + poltronaAnterior);
			alterarImagem(imgPoltronaAnterior, 'images/plivre.png');
		}
		var imgPoltrona = document.getElementById('img_' + poltrona);
		alterarImagem(imgPoltrona, 'images/pselecionada.png');
		document.frmSelecionarPoltrona.poltronaSelecionada.value=poltrona;
	}
	
	function alterarImagem(img, novoSrc) {
		img.setAttribute('src', novoSrc);
	}
	
	function limpar(){
		poltronaAnterior = document.frmSelecionarPoltrona.poltronaSelecionada.value;
		if (poltronaAnterior != ''){
			var imgPoltronaAnterior = document.getElementById('img_' + poltronaAnterior);
			alterarImagem(imgPoltronaAnterior, 'images/plivre.png');
		}
		document.frmSelecionarPoltrona.poltronaSelecionada.value='';
	}
</script>
</head>
<body>
	<form name="frmSelecionarPoltrona" action="SelecionarPoltronaServlet" method="post">
		<input name="poltronaSelecionada" type="hidden" value="">
		<input name="tipo_operacao" type="hidden" value="<%=request.getParameter("tipo_operacao")%>">
		<div id="mensagem">
			${msg }
		</div>
		<div class="divSelecionaPoltrona" align="center">
		<table class="tblSelecionaPoltrona">
		<%
			List<Reserva> reservas = (List<Reserva>)session.getAttribute("auxReservas");
			Veiculo veiculo = (Veiculo)session.getAttribute("veiculo");
			Reserva auxRes = new Reserva();
			Reserva reserva = (Reserva)session.getAttribute("reserva");
		
			//Copia os atributos necessários para comparar
			auxRes.setCidadeOrigem(reserva.getCidadeOrigem());
			auxRes.setCidadeDestino(reserva.getCidadeDestino());
			auxRes.setVeiculo(reserva.getVeiculo());
			auxRes.setHoraPartida(reserva.getHoraPartida());
			auxRes.setDataPartida(reserva.getDataPartida());
			for (int i=0; i < veiculo.getQtdPoltronas(); i++){
		%>
				<tr>
		<%
				for (int j=0; j < veiculo.getQtdFilas(); j++){
					char fila = (char)(65 + j); // Realizar a conversão de número para letra e incrementar.
		%>
					<td>
		<%
					//Cria uma reserva auxiliar para comparar com as reservas que existem
					auxRes.setPoltronaPartida((fila + "" + ((i+1) < 10 ? "0" + (i+1) : (i+1))));
					if (reservas.contains(auxRes)){
		%>
						<img src="images/pocupada.png" alt="poltrona ocupada" />
		<%
					} else {
		%>
						<a id="<%=auxRes.getPoltronaPartida()%>" href="#"
							onclick="selecionaPoltrona('<%=auxRes.getPoltronaPartida()%>');">
							<img id="img_<%=auxRes.getPoltronaPartida()%>" src="images/plivre.png" alt="poltrona livre"/>
						</a>
		<%
					}
	
		%>			
					</td>
		<%		} %>
				</tr>
		<%
			}
		%>
		</table>
		</div>
		<br/>
		<button type="submit">
			<img src="images/btCadastro.png" alt="Avançar" title="Salvar">
		</button>
		<button type="reset" onclick="limpar();">
			<img src="images/btLimpar.png" alt="Limpar" title="Limpar">
		</button>
	</form>
</body>
</html>